<%-- 
    Document   : content_signup
    Created on : Nov 27, 2011, 5:15:16 PM
    Author     : Ngoc Linh
--%>

<%@page import="net.tanesha.recaptcha.ReCaptchaFactory"%>
<%@page import="net.tanesha.recaptcha.ReCaptcha"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<c:if test="${not empty sessionScope.taiKhoan}">
    <script type="text/javascript">
        $(function(){
            $('p.message').fadeIn('slow').delay(2000).fadeOut("slow", goIndex)
        });
        
        function goIndex(){
            document.location.href = 'index.do';
        }
    </script>
</c:if>

<div class="main_content_panel" id="box_signup">
    <p class="top_main_content_panel">
        ĐĂNG KÝ THÀNH VIÊN MỚI
    </p>
    <div class="content_main_content_panel">
        <c:if test="${not empty requestScope.message}">
            <p class="message">
                ${requestScope.message}
            </p>            
        </c:if>        
        <div class="note note_signup">
            <p>Để có thể tham gia đấu giá tại P2TBID bạn cần phải đăng ký một tài khoản.</p>
            <ul>
                <li>Nếu bạn đã là thành viên của P2TBID vui lòng <a href="login.jsp">đăng nhập</a>  !</li>
                <li>Nếu chưa là thành viên, hãy đăng ký nhanh để có thể tham gia đấu giá và nhận được nhiều món hàng có giá trị trên hệ thống chúng tôi !</li>
            </ul>
        </div>
        <form action="signup.do" method="post" onsubmit="return checkValid();">
            <table id="fm_signup" class="table_fm">
                <tr>
                    <td class="label">Tên đăng nhập</td>
                    <td class="value"><input type="text" name="user_name" id="user_name" value="${requestScope.tenTK}" /></td>
                    <td class="error" id="invalid_username"></td>
                </tr>
                <tr>
                    <td class="label">Mật khẩu</td>
                    <td class="value"><input type="password" name="password" id="password" value="${requestScope.matKhau}"/></td>
                    <td class="error" id="invalid_pass">&nbsp;</td>
                </tr>
                <tr>
                    <td class="label">Nhắc lại mật khẩu</td>
                    <td class="value"><input type="password" name="repass" id="repass" value="${requestScope.lapMatKhau}" /></td>
                    <td class="error" id="invalid_repass">&nbsp;</td>
                </tr>
                <tr>
                    <td class="label">Email</td>
                    <td class="value"><input type="text" name="email" id="email" value="${requestScope.email}" /></td>
                    <td class="error" id="invalid_email">&nbsp;</td>
                </tr>
                <tr>
                    <td class="label">Họ tên đầy đủ</td>
                    <td class="value"><input type="text" name="fullname" id="fullname" value="${requestScope.hoTen}"/></td>
                    <td class="error" id="invalid_name">&nbsp;</td>
                </tr>
                <tr>
                    <td class="label">Giới tính</td>
                    <td class="value">
                        <select name="gender">
                            <c:if test="${requestScope.gioiTinh eq 'Nam'}">
                                <option value="Nam" selected="selected">Nam</option>
                                <option value="Nữ">Nữ</option>                                
                            </c:if>
                            <c:if test="${requestScope.gioiTinh ne 'Nam'}">
                                <option value="Nam">Nam</option>
                                <option value="Nữ" selected="selected">Nữ</option>
                            </c:if>
                        </select>
                    </td>
                    <td class="error" id="invalid_gender">&nbsp;</td>
                </tr>
                <tr>
                    <td class="label">Ngày sinh</td>
                    <td class="value"><input type="text" name="birthday" id="birthday" class="date" value="${requestScope.ngaySinh}" /></td>
                    <td class="error" id="invalid_birthday">&nbsp;</td>
                </tr>
                <tr>
                    <td class="label">Địa chỉ</td>
                    <td class="value"><input type="text" name="address" id="address" value="${requestScope.address}"/></td>
                    <td class="error" id="invalid_address">&nbsp;</td>
                </tr>
                <tr>
                    <td class="label">Địện thoại</td>
                    <td class="value"><input type="text" name="fone" id="telphone" value="${requestScope.dienThoai}"/></td>
                    <td class="error" id="invalid_telphone">&nbsp;</td>
                </tr>
                <tr>
                    <td class="label">Mã xác nhận</td>
                    <td class="value">
                        <%
                            ReCaptcha c = ReCaptchaFactory.newReCaptcha("6LerlcgSAAAAAAP0l7ODPRSoZZwAqGR79M3DDduc ", "6LerlcgSAAAAAKtqZ-i0pyUjyydapnlv2emH1UBD", false);
                            out.print(c.createRecaptchaHtml(null, null));
                        %>
                        <span id="invalid_captcha" style="color:red;"></span>
                    </td>
                    <td class="error">&nbsp;</td>
                </tr>
                <tr>
                    <td class="label">&nbsp;</td>
                    <td class="value" style="padding-top:10px;">
                        <input class="btn_cm_common btn_option" type="submit" name="sign_up" value="Đăng ký" />
                        <input class="btn_cm_common btn_option" type="button" name="cancle" value="Hủy bỏ" onclick="cancleReg();" />
                    </td>
                    <td class="error">&nbsp;</td>
                </tr>
            </table>
        </form>                                           
    </div>
</div>
